:root{--primary-color:#6a0dad;--secondary-color:#ff5722;--accent-color:#ffeb3b;--dark-color:#1a0033;--light-color:#f5e6ff;--purple-magic:#8a2be2;--mystery-blue:#4169e1;--golden-secret:#ffd700;--dark-enigma:#2f0a4a;--pink-surprise:#ff69b4;--green-riddle:#2e8b57}body{overflow-x:hidden;font-family:'Hind Siliguri',sans-serif;background-color:var(--dark-color);margin:0;padding:20px;color:var(--light-color);background-image:radial-gradient(circle at 10% 20%,rgb(255 94 247 / .1) 0%,transparent 20%),radial-gradient(circle at 90% 30%,rgb(94 255 147 / .1) 0%,transparent 20%),radial-gradient(circle at 50% 80%,rgb(94 158 255 / .1) 0%,transparent 20%)}.container{max-width:900px;margin:0 auto;background-color:rgb(26 0 51 / .8);padding:20px;border-radius:15px;box-shadow:0 0 20px rgb(0 0 0 / .3);border:2px solid var(--accent-color)}h1{text-align:center;color:var(--accent-color);font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 10px rgb(255 235 59 / .7),0 0 20px rgb(255 235 59 / .5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{text-shadow:0 0 10px rgb(255 235 59 / .7),0 0 20px rgb(255 235 59 / .5)}to{text-shadow:0 0 15px rgb(255 235 59 / .9),0 0 25px rgb(255 235 59 / .7),0 0 30px rgb(255 235 59 / .5)}}.subtitle{text-align:center;color:var(--light-color);margin-bottom:30px;font-size:1.1rem}.game-area{position:relative;width:100%;height:500px;background-color:#1a0033;background-image:url("../images/Tropic\ Beach.webp");background-size:cover;border:3px solid var(--accent-color);border-radius:10px;overflow:hidden;margin-bottom:20px}.gold-coin{position:absolute;width:30px;height:30px;background-image:url(../images/Gold_Coin_PNG_Clipart-663.png);background-size:contain;cursor:pointer;transition:transform 0.3s}.gold-coin:hover{transform:scale(1.2)}.controls{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.control-btn{padding:10px 20px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all 0.3s;margin:5px;box-shadow:0 3px 6px rgb(0 0 0 / .3)}.control-btn:hover{background-color:#e64a19;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 10px rgb(0 0 0 / .4)}.control-btn:disabled{background-color:#ccc;cursor:not-allowed}.stats{display:flex;justify-content:space-around;background-color:rgb(106 13 173 / .3);padding:15px;border-radius:10px;margin-bottom:20px;border:1px solid var(--accent-color)}.stat-box{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.mystery-box{width:150px;height:150px;margin:20px auto;background-color:#1a0033;background-image:url('../images/clean\ simple\ pixel\ sprite\ image\ of\ an\ AI\ technolog.webp');background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;transition:all 0.5s;border:2px solid var(--accent-color);border-radius:10px}.mystery-box:hover{transform:scale(1.05);box-shadow:0 0 20px rgb(255 235 59 / .5)}.mystery-box.locked::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .5);border-radius:10px}.message-box{text-align:center;padding:15px;background-color:rgb(106 13 173 / .3);border-radius:10px;margin:20px 0;display:none;border:1px solid var(--accent-color)}.success{background-color:rgb(46 139 87 / .3);color:var(--light-color);border-color:var(--green-riddle)}.error{background-color:rgb(255 105 180 / .2);color:var(--light-color);border-color:var(--pink-surprise)}.info{background-color:rgb(65 105 225 / .2);color:var(--light-color);border-color:var(--mystery-blue)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7)}.modal-content{background-color:var(--dark-enigma);margin:15% auto;padding:30px;border:3px solid var(--accent-color);border-radius:15px;width:80%;max-width:500px;text-align:center;position:relative;animation:modalopen 0.5s;box-shadow:0 0 20px rgb(106 13 173 / .5)}@keyframes modalopen{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;color:var(--accent-color);cursor:pointer}.close-btn:hover{color:var(--secondary-color)}#name-input{width:80%;padding:12px 20px;margin:20px 0;border:2px solid var(--accent-color);border-radius:5px;font-size:16px;font-family:'Hind Siliguri',sans-serif;background-color:rgb(0 0 0 / .5);color:var(--light-color)}

/* Certificate Container for Mobile Responsiveness */
.certificate-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.certificate{width:400px;height:500px;background-color:#1a0033;background-image:url("../images/certified\ client.webp");background-size:cover;margin:20px auto;position:relative;display:none;border:5px solid var(--accent-color);box-shadow:0 0 20px rgb(0 0 0 / .3);padding:20px;text-align:center}.certificate-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:scale(.7);transform-origin:center}.certificate-name{font-size:24px;font-weight:700;color:var(--golden-secret);margin-bottom:10px;text-shadow:1px 1px 3px rgb(0 0 0 / .3)}.certificate-message{font-size:14px;color:var(--light-color);margin:15px 0;padding:0 30px}.certificate-line{font-size:12px;font-style:italic;color:var(--accent-color);margin-top:20px;padding:0 30px}.congrats-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(255 235 59 / .9);color:var(--dark-color);padding:20px 40px;border-radius:10px;font-size:24px;font-weight:700;z-index:1000;display:none;animation:fadeInOut 4s ease-in-out;box-shadow:0 0 20px rgb(255 235 59 / .5)}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}.download-btn{display:block;margin:20px auto;padding:12px 25px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:16px;transition:all 0.3s;box-shadow:0 3px 6px rgb(0 0 0 / .3)}.download-btn:hover{background-color:#e64a19;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 10px rgb(0 0 0 / .4)}.floating-elements{position:fixed;pointer-events:none;z-index:100}.floating-element{position:absolute;opacity:.7;animation:float 10s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}.confetti{position:absolute;width:10px;height:10px;background-color:var(--accent-color);opacity:0}@media (max-width:768px){.game-area{height:300px}.controls{flex-direction:column}.control-btn{width:100%;margin-bottom:10px}.certificate{width:90%;max-width:350px;height:400px;margin:20px auto}.certificate-content{transform:scale(0.8)}.certificate-name{font-size:22px}.certificate-message{font-size:14px}.container{margin-top:50px}.certificate-container{justify-content:center;align-items:center;width:100%}}@media (max-width:480px){.certificate{width:95%;height:350px}.certificate-content{transform:scale(0.7)}.certificate-name{font-size:20px}.certificate-message{font-size:12px}}.prev-page-btn{position:absolute;top:20px;left:20px;padding:10px 15px;background-color:rgb(106 13 173 / .8);color:#fff;text-decoration:none;border-radius:5px;z-index:1000;display:flex;align-items:center;gap:5px;transition:all 0.3s ease}.prev-page-btn:hover{background-color:rgb(106 13 173);transform:translateX(-3px)}